/*Drag Drop seleciton box*/
#selectionBox
{
    display: none;
    position: absolute;
    border: 1px solid #000000;
    background: transparent;
    width: 100;
    height: 100;
}

/*####################################################*/

.stickynote
{
    background: -moz-linear-gradient(center top , #FFEE66, #F5DA41, #F6EF97) repeat scroll 0 0 transparent;  
    background: #F5DA41;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /*text-shadow: 0 1px 0 #F0E451;*/
    width: 130px;
    height: 130px;
    position:absolute;
    font-family: 'Comic Sans MS';
}

.stickynote a:link
{
    font-family: 'Comic Sans MS';
    font-size: x-small;
    color: #808000;
}

.stickynote a:visited
{
    font-family: 'Comic Sans MS';
    font-size: x-small;
    color: #808000;
}

.stickynote #remaining
{
    font-family: 'Comic Sans MS';
    font-size: large;
    color: #0000FF;
    position: absolute;
    bottom: 0px;
    right: 2px;
}

.stickynotecomplete
{
    background: #8CD58E;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
/*    text-shadow: 0 1px 0 #808080;*/
    width: 130px;
    height: 130px;
    position: absolute;
    font-family: 'Comic Sans MS';
}

.stickynotecomplete a:link
{
    font-family: 'Comic Sans MS';
    font-size: x-small;
    color: #808080;
}

.stickynotecomplete a:visited
{
    font-family: 'Comic Sans MS';
    font-size: x-small;
    color: #808080;
}

.stickynotecomplete #remaining
{
    font-family: 'Comic Sans MS';
    font-size: larger;
    color: #000000;
    position: absolute;
    bottom: 0px;
    right: 2px;
}

.stickynotenotstarted
{
    background: #FDA8E6;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /*text-shadow: 0 1px 0 #808080;*/
    width: 130px;
    height: 130px;
    position: absolute;
    font-family: 'Comic Sans MS';
}

.stickynotenotstarted a:link
{
    font-family: 'Comic Sans MS';
    font-size: x-small;
    color: #808080;
}

.stickynotenotstarted a:visited
{
    font-family: 'Comic Sans MS';
    font-size: x-small;
    color: #808080;
}


#h1
{
    font-family: 'Comic Sans MS';
    color: #000000;
    font-size: medium;
    float: none;
    position: absolute;
    top: 2px;
    right: 2px;
}

#h2
{
    font-family: 'Comic Sans MS';
    color: #808080;
    text-decoration: line-through;
    font-size:medium;
    position: absolute;
    bottom: 15px;
    left: 30px;
}

#h3
{
    font-family: 'Comic Sans MS';
    color: #808080;
    text-decoration: line-through;
    font-size:medium;
    position: absolute;
    bottom: 15px;
    left: 60px;
}

#h4
{
    font-family: 'Comic Sans MS';
    color: #808080;
    text-decoration: line-through;
    font-size: medium;
    position: absolute;
    bottom: 15px;
    left: 90px;
}

#name
{
    font-family: 'Comic Sans MS';
    color: #000000;
    font-size: larger;
    position: absolute;
    bottom: 0px;
}

#notetitle
{
    margin: 4px;
    word-wrap: break-word;
    font-family: 'Comic Sans MS';
    font-size: larger;
    color: #000080;
}

#numpad
{
    position: absolute;
    width: 200px;
    height: 200px;
    background-color: #C0C0C0;
    visibility: hidden;
}

#numpad #numbers div,#numpad  #ok,#numpad  #back
{
    float: left;
    position: relative;
    width: 66px;
    height: 66px;
}

.transformed-right {
    -webkit-transform: rotate(4deg) scale(1, 1);
    -moz-transform: rotate(4deg) scale(1, 1);
    -ms-transform: rotate(4deg) scale(1, 1);
    transform: rotate(4deg) scale(1, 1);
}

.transformed-left {
    -webkit-transform: rotate(-3deg) scale(1, 1);
    -moz-transform: rotate(-3deg) scale(1, 1);
    -ms-transform: rotate(-3deg) scale(1, 1);
    transform: rotate(-3deg) scale(1, 1);
}

.project-header
{
    position: absolute;
    width: 200px;
    font-family: 'Comic Sans MS';
    font-size: large;
    color: #CCCCCC;
    text-align: left;
}

    #messageBoard
    {
        overflow: scroll;
    }


/*####################################################*/

body
{
    font-size: 75%;
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}
